@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
@media screen and (max-width:768px) { 
h1{font-size:22px;}h2{font-size:20px;}}
input,label,img,th{vertical-align:rightdle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none}
a:hover{text-decoration:none;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
.fr{float:right; display:inline}
.fl{float:left; display:inline}
/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #de000d;}
.page span.count { border: 0;background: 0;color: #777777;}



header{ display:block}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:rightdle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.mb50{ margin-bottom:50px;}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all}
.multi-ellipsis{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;word-wrap:break-word;word-break:break-all;}

.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block !important;*display:inline;zoom:1;}
.relative{position:relative;z-index:1;}
.absolute{position:absolute;}
.t-hide{opacity: 0;visibility: hidden;}
.pointer{cursor:pointer !important;}

.justify, .inner, img, input, textarea, select, button, table, label, .center, .searchForm { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.clean{/* zoom:1; */}
.clean:after,
.clean:before{content:'';display:table;}
.clean:after{clear:both;}
.center { width: 90%; margin-left: auto; margin-right: auto; max-width: 1765px; }
.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > * { text-align: left; font-size: 14px; }
.justify .box { display: inline-block; vertical-align: top; }
@media screen and (max-width: 1366px) { .center { width: 88%; } }
@media screen and (max-width: 1300px) { .center { width: 90%; } }
@media screen and (max-width: 1000px) { .center { width: 100%; padding-left: 10px; padding-right: 10px; } }

.page-section{ padding:80px 0;}
.page_title { line-height: 1;text-align: center;}
.page_title h3 {position: relative;padding-bottom: 13px;font-weight: 400;text-transform: uppercase;font-family: arial;font-size: 34px;color: #0169b5;}
.page_title h3 + p {margin-top: 13px;}
.page_title h3:after {display: block;position: absolute;bottom: 0;left: 50%;margin-left: -17px;width: 34px;height: 3px;background: #DF0024;content: '';}
.page_title p {font-size: 26px;}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.page_title h3 { font-size: 28px; padding-bottom: 10px;}
.page_title p {font-size: 20px;}
}
@media (max-width:768px) {
.page-section{ padding:30px 0;}
}
/*page*/
.page{color: #777777; text-align: center; clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #014d94;border: 1px solid #014d94;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
/* 公用样式 */
/*header*/
.header{box-shadow: 0 6px 6px rgba(0, 0, 0, .075); background:#fff;}
.header .container{width: 90%; margin-left: auto; margin-right: auto; max-width: 1765px;}
.nav-container{position: inherit; margin-top:0px;}
.logo{padding:10px 0 15px;}
.logo img{float: left}
.logo-text{margin-left: 250px;padding-left: 10px;border-left: 1px solid #666;margin-top: 8px;}
.logo-text .logo-text-top{color:#999;font-size: 14px;letter-spacing:2px;}
.logo-text .logo-text-bottom{color:#c0a16b;font-size: 18px;line-height: 50px;}
.tel-info{color:#ff9c00;padding:38px 0px 0 0px; float:right; text-align:right;}
.tel-info h6{font-size: 20px; text-align: right;}
.tel-info h6 i{font-size:20px; color:#ff9c00;margin-right: 15px;}
#bs-example-navbar-collapse-1{text-align: right;}
#bs-example-navbar-collapse-1 .caret{display: none;}
.nav > li > a:hover, .nav > li > a:focus{background: inherit;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: inherit;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu{ width: 230px; position: absolute; top: 100%; z-index: 999; background: #fff; box-shadow: 0 0 15px rgba(255, 255, 255, 0.2); }
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li { line-height: 1.2; position: relative; transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; -ms-transition: 0s; }
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li:first-child { margin-top: 20px; }
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li:last-child { border-bottom: 0; margin-bottom: 20px; }
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li a { display: block; font-size: 16px; color: #333; text-transform: capitalize; position: relative; padding: 15px 10px 7px 15px; transition: 0.2s all ease; -moz-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -ms-transition: 0.2s all ease; }
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li a:before { content: "\f105"; font-family: FontAwesome, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; position: absolute; top: 15px; left: 20px; font-size: 18px; transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; -ms-transition: 0s; filter: alpha(opacity=0); opacity: 0; transition: 0.2s all ease; -moz-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -ms-transition: 0.2s all ease; }
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li:hover > a, #bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li .active > a { padding-left: 40px; color: #0169b5; }
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li:hover > a:before, #bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li .active > a:before { filter: alpha(opacity=100); opacity: 1; left: 25px; }
.navbar-right .dropdown-menu { right:auto;}
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:20px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{ color:#333; font-size:17px; position:relative; padding: 20px 30px;}
#bs-example-navbar-collapse-1 .navbar-nav > li:first-child > a:before{ content:"";}
#bs-example-navbar-collapse-1 .navbar-nav > li > a:before { content: "\f107"; font-family: FontAwesome, Arial, Helvetica, Microsoft YaHei, SimSun, Sans-serif; position: absolute; top: 22px; right: 12px; color: #333; }
#bs-example-navbar-collapse-1 .navbar-nav > li > a:hover:before {color: #fff; }
#bs-example-navbar-collapse-1 .navbar-nav > li > a:hover {background: #0169b5; color: #fff;}
#bs-example-navbar-collapse-1 .navbar-nav > li.open >a{background: #0169b5; color: #fff;}
#bs-example-navbar-collapse-1 .navbar-nav > li.open >a:before {color: #fff; }
#bs-example-navbar-collapse-1 .navbar{position: inherit;margin-bottom: 0;}
#bs-example-navbar-collapse-1 .navbar.nav > li{position: inherit;}
#bs-example-navbar-collapse-1 .navbar .dropup,#bs-example-navbar-collapse-1 .navbar .dropdown{position: inherit;}
.header .msg { display: inline-block; vertical-align: middle; margin-left: 10px; }
.header .msg li { display: inline-block; font-size: 12px; margin-right: 10px; }
.header .msg li:last-child { margin-right: 0; }
.header .msg li a { display: block; color: #fff; border-radius: 50%; font-weight: bold; width: 25px; height: 25px; line-height: 25px; text-align: center; background: #0771A9; }
.header .msg li a:before { content: ""; font-family: FontAwesome, Arial, Helvetica, Microsoft YaHei, SimSun, Sans-serif; }
.header .msg li.eml a { background: #DF0024;position: relative;}
.header .msg li.eml a:before { content: "\f002"; }
.header .msg li.eml .list_down_form{ width:260px;right: 12%; top: 95px;position: absolute;z-index: 999; }
.header .msg li.eml .list_down_form .down_form_left{ line-height: 40px; width: 75%; padding: 0px 10px; font-size: 15px;}
.header .msg li.eml .list_down_form .down_form_right{ width: 25%; line-height: 44px; height: 44px; background: #013f97; border:1px solid #013f97; color: #fff; font-size: 15px; cursor: pointer;}
.header .msg li.tel a { background: #E85014; position: relative;}
.header .msg li.tel a:before { content: "\f095"; }
.header .msg li.tel span{ width:230px; background:#fff; line-height:40px; font-size:16px; padding-left:10px; color:#333;border:1px solid #ccc; display:none;right: 12%; top: 95px;position: absolute;z-index: 999;  font-family: FontAwesome, Arial, Helvetica, Microsoft YaHei, SimSun, Sans-serif;}
.header .msg li.tel span:before { content: "\f2a0"; font-size:20px; color:#013f97; margin-right:10px; margin-top:5px; }
.header .msg li.tel:hover span{ display:block;}
.lang { display: inline-block; vertical-align: middle; font-size: 0; padding-left: 18px; position: relative; }
.lang:before { content: ""; width: 1px; height: 12px; background: #DFDFDF; position: absolute; left: -10px; top: 5px; transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); }
.lang li { display: inline-block; font-size: 12px; margin-right: 10px; }
.lang li:last-child { margin-right: 0; }
.lang li a { display: block; color: #fff; border-radius: 50%; font-weight: bold; width: 25px; height: 25px; line-height: 25px; text-align: center; background: #0771A9; font-size: 12px; font-weight: bold; }
@media screen and (max-width: 1366px) {.header .container { width: 88%; } }
@media screen and (max-width: 1300px) { .header .container { width: 90%; } }
@media screen and (max-width: 1000px) { .header .container { width: 100%; padding-left: 10px; padding-right: 10px; } }
@media (max-width:1600px) {
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:5px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding: 20px 28px;}
}
@media (max-width:1440px) {
#bs-example-navbar-collapse-1 .navbar-nav > li > a{ padding: 20px 25px;}
.lang:before { left: 0px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a:before { right:5px;}
}
@media (max-width:1400px) {
#bs-example-navbar-collapse-1 .navbar-nav > li > a{ padding: 20px 22px;}
}
@media (max-width:1366px) {
.logo{padding:10px 0;}
.tel-info h6{font-size: 20px; }
.tel-info h6 i{font-size:22px; }
#bs-example-navbar-collapse-1 .navbar-nav > li > a{ padding: 20px 16px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a:before { right:4px;}
}
@media (max-width:1280px) {
.logo img{width:100%;}
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-left:0px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding: 10px 15px 10px 15px; color:#333; font-size:16px;}
.tel-info{ padding:20px 0px 0 0;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a:before {top:12px; right:3px; color: #333; }

}
@media (max-width:1240px) {
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:0px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding: 10px 20px 10px 15px;}
.tel-info{ padding:25px 0px 0 0;}
.tel-info h6{font-size: 18px; }
}
@media (max-width:1200px) {
.tel-info h6{font-size: 16px; }
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding: 10px 10px 10px 10px; }
#bs-example-navbar-collapse-1 .navbar-nav > li > a:before { right:2px; }
}
@media (max-width: 991px) {
.header .container{ width:100%; margin:0 auto; padding-right:0px;padding-left: 0px; height:60px;box-shadow: 0 2px 6px rgba(0, 0, 0, .075);}
.header .container .row{ margin-left:0px; margin-right:0px;}	 
.navbar-header{ width:98%; margin:0 auto;}
#bs-example-navbar-collapse-1{text-align: left;}
.navbar-brand{height: inherit;padding: 20px 15px;text-indent: -9999px;background: url(../images/logo.png) no-repeat 0px 7px;width: 200px;background-size:100%;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding:0px 10px;}
#bs-example-navbar-collapse-1 .navbar-nav > li{border-bottom: 1px solid #ccc;}
#bs-example-navbar-collapse-1 .navbar-nav > li:last-child{border-bottom: none;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu{text-align: left;background:transparent; color:333;width:100%; height:100%; position: static;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li{display: block;border-bottom:1px dotted #ccc;padding: 12px 0px 5px;}
.navbar-toggle{font-size: 22px;padding: 5px 0px; margin-right:0px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu > li > a{ color:#333; border-right:0px solid #333; padding: 0 25px 15px;font-size: 15px; }
#bs-example-navbar-collapse-1 .navbar-nav > li.open >a{ color:#fff; }
#bs-example-navbar-collapse-1 .navbar-nav > li > a:before {top: 2px; right: 12px; color: #333; }
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: inherit;}
.navbar-nav .open .dropdown-menu {position: static;float: none;width: 100%;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}
.lang:before { content: ""; width: 0px;}
.tel-info{ padding:15px 10px 0 10px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li:first-child { margin-top: 0px; }
.header .msg li.eml .list_down_form{ width:280px; top: 65px;}
.header .msg li.tel span{ width:280px; top: 65px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li a:before { display:none}
}
@media (max-width: 425px) {
.navbar-brand{ padding: 20px 10px; width: 180px; }
.header .msg li { margin-right:5px; }
.header .msg { margin-left: 5px; }
}
@media (max-width: 320px) {
.navbar-brand{ width: 160px; }
.header .msg { display:none;}
}
/*
#header { width: 100%; position: relative; z-index: 9999; transition: 0.5s all; -moz-transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background: #fff; }
#header.move { position: fixed; top: 0; left: 0; }
#logo a, #logo span { display: inline-block; vertical-align: middle; }
#logo span { margin-left: 10px; padding-left: 10px; border-left: 1px solid #e5e5e5; text-transform: uppercase; color: #666; max-width: 300px; }
.headerMid { text-align: right; position: relative; }
.headerMid .box { vertical-align: middle; }
#nav { font-size: 0; line-height: 1; display: inline-block; vertical-align: middle; z-index: 1; margin-right: 30px; }
#nav > li { display: inline-block; position: relative; vertical-align: top;}
#nav > li:last-child { margin-right: 0; }
#nav > li.hasUl > a { position: relative; }
#nav > li.hasUl > a:before { content: "\f107"; font-family: FontAwesome, Arial, Helvetica, Microsoft YaHei, SimSun, Sans-serif; position: absolute; top: 40px; right: 12px; color: #333; }
#nav > li.hasUl > a:hover:before {color: #fff; }

#nav > li:hover > a, #nav > li.active > a { color: #fff; }
#nav > li.active > a{font-weight: bold;}
#nav > li:hover > a:before, #nav > li.active > a:before { color: #fff; }
#nav > li:hover > a:after, #nav > li.active > a:after { filter: alpha(opacity=100); opacity: 1; }
#nav > li > a { display: block; font-size: 16px; color: #333; position: relative; text-transform: capitalize; z-index: 2; padding: 40px 30px; position: relative; line-height: 16px;}
#nav > li > a:after { content: "";font-family: FontAwesome; width: 100%; background: #0169b5; height: 100%; position: absolute; top: 0; right: 0; z-index: -1; transform: skew(-180deg); -ms-transform: skew(-180deg); -moz-transform: skew(-180deg); -webkit-transform: skew(-180deg); -o-transform: skew(-180deg); filter: alpha(opacity=0); opacity: 0; }
#nav > li > a:hover{color:#fff; }
#nav > li > ul { display: block; width: 230px; position: absolute; top: 100%; left: 0px; z-index: 999; background: #fff; box-shadow: 0 0 15px rgba(255, 255, 255, 0.2); display: none; }
#nav > li > ul > li { line-height: 1.2; position: relative; transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; -ms-transition: 0s; }
#nav > li > ul > li:first-child { margin-top: 20px; }
#nav > li > ul > li:last-child { border-bottom: 0; margin-bottom: 20px; }
#nav > li > ul > li > a { display: block; font-size: 16px; color: #333; text-transform: capitalize; position: relative; padding: 15px 10px 7px 15px; transition: 0.2s all ease; -moz-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -ms-transition: 0.2s all ease; }
#nav > li > ul > li > a:before { content: "\f105"; font-family: FontAwesome, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; position: absolute; top: 15px; left: 20px; font-size: 18px; transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; -ms-transition: 0s; filter: alpha(opacity=0); opacity: 0; transition: 0.2s all ease; -moz-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -ms-transition: 0.2s all ease; }
#nav > li > ul > li:hover > a, #nav > li > ul > li.active > a { padding-left: 40px; color: #0169b5; }
#nav > li > ul > li:hover > a:before, #nav > li > ul > li.active > a:before { filter: alpha(opacity=100); opacity: 1; left: 25px; }
#nav > li > ul > ul { top: 0; left: 100%; margin-top: 0; visibility: visible; filter: alpha(opacity=100); opacity: 1; display: none; }
#nav > li.selected > ul { visibility: visible; filter: alpha(opacity=100); opacity: 1; }
.lang { display: inline-block; vertical-align: middle; font-size: 0; padding-left: 18px; position: relative; }
.lang:before { content: ""; width: 1px; height: 12px; background: #DFDFDF; position: absolute; left: -20px; top: 5px; transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); }
.lang li { display: inline-block; font-size: 12px; margin-right: 10px; }
.lang li:last-child { margin-right: 0; }
.lang li a { display: block; color: #fff; border-radius: 50%; font-weight: bold; width: 25px; height: 25px; line-height: 25px; text-align: center; background: #0771A9; font-size: 12px; font-weight: bold; }
#header .msg { display: inline-block; vertical-align: middle; margin-left: 10px; }
#header .msg li { display: inline-block; font-size: 12px; margin-right: 10px; }
#header .msg li:last-child { margin-right: 0; }
#header .msg li a { display: block; color: #fff; border-radius: 50%; font-weight: bold; width: 25px; height: 25px; line-height: 25px; text-align: center; background: #0771A9; }
#header .msg li a:before { content: ""; font-family: FontAwesome, Arial, Helvetica, Microsoft YaHei, SimSun, Sans-serif; }
#header .msg li.eml a { background: #DF0024;position: relative;}
#header .msg li.eml a:before { content: "\f002"; }
#header .msg li.eml .list_down_form{ width:260px;right: 12%; top: 95px;position: absolute;z-index: 999; }
#header .msg li.eml .list_down_form .down_form_left{ line-height: 40px; width: 75%; padding: 0px 10px; font-size: 15px;}
#header .msg li.eml .list_down_form .down_form_right{ width: 25%; line-height: 44px; height: 44px; background: #013f97; border:1px solid #013f97; color: #fff; font-size: 15px; cursor: pointer;}
#header .msg li.tel a { background: #E85014; position: relative;}
#header .msg li.tel a:before { content: "\f095"; }
#header .msg li.tel span{ width:230px; background:#fff; line-height:40px; font-size:16px; padding-left:10px; color:#333;border:1px solid #ccc; display:none;right: 12%; top: 95px;position: absolute;z-index: 999;  font-family: FontAwesome, Arial, Helvetica, Microsoft YaHei, SimSun, Sans-serif;}
#header .msg li.tel span:before { content: "\f2a0"; font-size:20px; color:#013f97; margin-right:10px; margin-top:5px; }
#header .msg li.tel:hover span{ display:block;}
#menuBtn { width: 42px; height: 42px; line-height: 42px; text-align: center; cursor: pointer; z-index: 99999; display: none; position: relative; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); border-radius: 3px; }
#menuBtn:before { font-family: FontAwesome; color: #000; }
#menuBtn.active:before { content: '\f00d'; font-size: 26px; }
#menuBtn:before { content: '\f0c9'; font-size: 24px; }
@media screen and (max-width: 1550px) { 
#nav { margin-right: 10px; }
#nav > li > a { padding: 40px 20px; }
#nav > li.hasUl > a:before { right: 8px; }
.lang { margin-left: 10px; padding-left: 10px; }
.lang:before { left: -5px; } 
}
@media screen and (max-width: 1300px) { 
#nav > li > a { padding: 40px 18px; }
#nav > li.hasUl > a:before { right: 4px; }
}
@media screen and (max-width: 1200px) { 
#menuBtn { display: inline-block; vertical-align: middle; }
.xwnrtp img{width:100% !important;height:auto !important;}
.topRig { margin-top: 0; margin-bottom: 20px; }
#header { text-align: center; padding: 0; position: fixed; background: #fff; }
#header .headerMid { width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; }
#header .headerBot .center { text-align: center; }
.headerTop .headerTopRig { text-align: center; }
.headerTop .shareWrap { margin-left: 0; }
#nav > li.hasUl > a:before { top:15px; right: 12px; }
#header.insideHeader .insideNav { width: 240px; top: 53px; right: 10px; }
#header.insideHeader .insideNav > li > a { padding: 15px 10px; }
#logo span { border-left: 0; margin-left: 0; padding-left: 0; width: 100%; max-width: none; margin-top: 10px; }
#nav { width: 100%; position: fixed; float: none; top: 0; right: 0; bottom: 0; z-index: 100; margin: 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding-top: 60px; transform: translate3d(110%, 0, 0); -ms-transform: translate3d(110%, 0, 0); -moz-transform: translate3d(110%, 0, 0); -webkit-transform: translate3d(110%, 0, 0); -o-transform: translate3d(110%, 0, 0); transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; overflow-y: auto; padding-bottom: 60px; }
#nav.toLeft { transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); }
#nav > li { margin: 0; display: block; text-align: left; line-height: 1; padding: 0; font-size: 14px; margin-bottom: 1px; border-bottom:1px solid #eee; }
#nav > li > a { padding: 15px 30px 15px 20px; display: block; color: #000; font-size: 16px; border-right: 0; }
#nav > li.hasUl > span { display: block; }
#nav > li > span { width: 45px; height: 45px; line-height: 45px; text-align: center; position: absolute; top: 1px; right: 0; color: #000; display: none; font-size: 16px; z-index: 3; }
#nav > li > span:before { content: ""; font-family: icomoon, Arial, Helvetica, Microsoft YaHei, SimSun, Sans-serif; }
#nav > li.active { color: #fff;  background: #013f97;}
#nav > li.active > a { color: white; background: none; }
#nav > li.active > span { color: #fff; }
#nav > li.active:before { display: none; }
#nav > li:last-child { border-bottom: 0; }
#nav > li:hover > a:before { display: none; }
#nav > li:before { display: none; }
#nav > li.selected2 .proDrop { display: block; }
#nav > li.selected2 ul { display: block; }
#nav > li.selected2 > a { color: white; background: #0169b5; }
#nav > li.selected2 > span { color: #fff; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); }
#nav > li ul { display: none; position: static; width: 100%; margin-top: 0; padding: 0; visibility: visible; filter: alpha(opacity=100); opacity: 1; border-top: 0; box-shadow: none; background: none; }
#nav > li ul > li { border-bottom: 0; }
#nav > li ul > li > a { color: #000; padding: 10px 10px 10px 30px; }
#nav > li ul > li > a:before { display: none; }
#nav > li ul ul { display: block; visibility: visible; filter: alpha(opacity=100); opacity: 1; }
#nav > li ul ul a { padding-left: 60px; font-size: 13px; font-weight: normal; padding-top: 6px; padding-bottom: 6px; }
#nav > li ul ul li:hover > a, #nav > li ul ul li.active > a { padding-left: 60px; }
#logo, .headerMidRig { width: auto; margin-top: 0; }
#logo { max-height: 50px; max-width: 200px; }
#logo img{ width:100%;}
#header .headerMid .center { position: relative; }
#header .msg li.eml .list_down_form{ top:60px; }
.lang:before { content: ""; width: 0px;}

}
@media screen and (max-width:768px) { 
#logo { max-height: 50px; max-width:150px; }

}
*/
#footer { background: #2d3845; }
.footertop { padding-top: 3.5%; position: relative; padding-bottom: 3.5%; border-bottom: 1px solid #30445d; }
.footerMenu a:hover{ color:#f4f4f4;}
.footerMenu dl { width:15%;  float:left;}
.footerMenu dl:nth-child(2){ width:40%;  }
.footerMenu dl dt a { display: block; color: #fff; font-size: 20px; margin-bottom: 25px; font-weight:normal;}
.footerMenu dl dd { margin-bottom: 10px;}
.footerMenu dl dd a{color: #fff; font-size:15px;}
.footerMenu dl:nth-child(2) dd{ width:47%; float:left;}
.footerContact { width:73%; float:left; margin-right:1%;}
.footerContact .title { font-size: 20px; color: #fff; }
.footerContact .flexW { margin-top: 25px; }
.footerContact ul { display: inline-block; }
.footerContact ul > li { position: relative; font-size: 15px; padding-left: 25px; margin-bottom: 10px;  color: rgba(255, 255, 255, 0.9); }
.footerContact ul > li:before { content: ""; font-family: FontAwesome, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; position: absolute; top: 0; left: 0; font-size: 15px; width: 20px; text-align: center; color: #fff; }
.footerContact ul > li > span { text-transform: uppercase; display: block; }
.footerContact ul > li > a { color: rgba(255, 255, 255, 0.9); }
.footerContact ul > li .cont { color: rgba(255, 255, 255, 0.9); }
.footerContact ul > li.tel:before { content: "\f2a0"; }
.footerContact ul > li.add:before { content: "\f041"; }
.footerContact ul > li.skype:before { content: "\e632"; }
.footerContact ul > li.fax:before { content: "\f1e4"; }
.footerContact ul > li.whatsapp:before { content: "\e6bc"; }
.footerContact ul > li.mob:before { content: "\f095"; }
.footerContact ul > li.name:before { content: "\f007"; }
.footerContact ul > li.fac:before { content: "\e6a9"; }
.footerContact ul > li.name a, .footerContact ul > li.name .cont, .footerContact ul > li.fac a, .footerContact ul > li.fac .cont { color: #fff; }
.footerContact ul > li.big:before{font-size: 24px;top:0;}
.footerContact ul > li.big{font-size: 22px;color:#fff;font-weight: bold;padding-left: 30px;}
.footerContact ul > li.big a{color:#fff;}
.footerShare { width:26%; float:left;}
.footerShare .ewm{ margin-top:65px; margin-bottom: 10px;display: inline-block;text-align: center;}
.footerShare .ewm img{ width:100%;}
.footerShare .ewm span{color:#fff;margin-top: 5px;display: inline-block;}
.footerBot { padding-bottom: 15px; padding-top: 15px;  color: #fff; }
.footerBot a { color: #fff; }
.footerBot span{ float:left; margin-right:10px;}
.footerBot .copyRight{ float:left;}
.footerBot .support{ float:right;}

@media screen and (max-width:1199px) { 
.footerContact { width:100%; float:left; margin-right:0;}
.footerShare { width:0; float:left;}
}
@media screen and (max-width: 875px) { 
.footerTop .top .box { width: 100%; margin-bottom: 20px; max-width: none; }
.footerTop .top .box ul { margin-top: 15px; }
.footerBot { padding-bottom: 20px; padding-top: 20px; text-align: left; }
.footerTop .title { margin-bottom: 20px; }
.footerShareWrap { margin-top: 10px; }
.footerTop .title:before { display: none; }
.footerTop { border-bottom: 0; } 
#footer { margin-bottom:48px;}

}
@media screen and (max-width: 767px) { 
.footerBot span { margin:0 auto;}
.footerBot span a{ float:left; text-align:center; margin-right:5px;}

}
@media screen and (max-width: 675px) { 
.footerBot span{ width:100%;}
.footerBot .copyRight{ float: none;}
.footerBot .support{ float:none;text-align:center; }

}
/*.goTop { position: fixed; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 20px; background: #285EA0; filter: alpha(opacity=60); opacity: 0.6; bottom: 10px; right: 10px; border-radius: 5px; overflow: hidden; display: none; cursor: pointer; z-index: 999; }
.goTop:before { content: '\f106'; font-family: 'FontAwesome'; text-align: inherit; }
.goTop:hover { opacity: 0.7; }*/
@media screen and (max-width: 875px) { .goTop { margin-bottom: 50px; } }



.goTop {
    position: fixed;
    z-index: 5;
    bottom: 30px;
    right: 30px;
    width: 38px;line-height: 38px; 
    height: 38px;background: #285EA0; color: #fff; font-size: 20px;filter: alpha(opacity=60); opacity: 0.6;
    border-radius: 5px; text-align: center; overflow: hidden; display: none; cursor: pointer; z-index: 999; }
.goTop:before { content: '\f106'; font-family: 'FontAwesome'; text-align: inherit; }
.goTop:hover { opacity: 0.7;transform: translateY(-6px);  }


.scroll-to-top { width: 38px;line-height: 35px; 
    height: 38px;background: #285EA0;position: fixed;bottom: 40px;right: 40px;font-size: 20px;filter: alpha(opacity=60); opacity: 0.6;
    z-index: 999;text-align: center;-webkit-transition: all 0.4s ease;transition: all 0.4s ease; border-radius: 50%;transition: all 0.4s ease;}
.scroll-to-top i {color: #ffffff;font-size: 18px;line-height: 45px;}
.scroll-to-top:before { content: '\f106'; font-family: 'FontAwesome'; text-align: inherit; color: #fff;}

.scroll-to-top:hover {opacity: 0.8;}
.scroll-to-top:hover i {color: #fff;}/* Cursor Style */


#footerToolBar { background: #285EA0; }
#footerToolBar {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;height: 48px;border-top: 1px solid rgba(255,255,255,.2);display: none;z-index: 999;}
@media screen and (max-width: 875px){

#footerToolBar {display: block;}
}
#footerToolBar li:first-child {border-left: 0 none;}
#footerToolBar li {width: 25%;height: 45px;float: left;text-align: center;border-color: #fff;border-left: 1px solid rgba(255,255,255,.2);cursor: pointer;margin-top: 2px;}
#footerToolBar li, #footerToolBar li a, .toolMask .toolTop {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#footerToolBar li,#footerToolBar li a,.toolMask .toolTop{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
#footerToolBar{position:fixed;bottom:0;left:0;right:0;width:100%;height:48px;border-top:1px solid rgba(255,255,255,.2);display:none;z-index:999999}
#footerToolBar #footerBarClose{width:100px;height:24px;position:absolute;top:-24px;left:50%;margin-left:-50px;cursor:pointer;display:none}
#footerToolBar #footerBarClose:before{content:"";font-family:icomoon;font-size:12px;color:#fff;text-align:center;line-height:20px;position:absolute;bottom:0;left:0;width:100%;height:20px;background:#232323;border-radius:4px 4px 0 0;overflow:hidden}
#footerToolBar li{width:25%;height:45px;float:left;text-align:center;border-color:#fff;border-left:1px solid rgba(255,255,255,.2);cursor:pointer;margin-top:2px}
#footerToolBar li a{display:block;height:45px;color:#fff;font-size:12px;line-height:1;text-transform:capitalize;filter:alpha(opacity=80);opacity:.8;padding-top:1px}
#footerToolBar li a:before{content:'';width:30px;height:20px;margin:4px auto;display:block;font-family:FontAwesome;line-height:20px;font-size:20px}
#footerToolBar li:first-child{border-left:0 none}
#footerToolBar .footerBarPro a:before{content:'\f00a'}
#footerToolBar .footerBarTel a:before{content:'\f095'}
#footerToolBar .footerBarEmail a:before{content:'\f10b';font-size:22px}
#footerToolBar .footerBarMessage a:before{content:'\f0e6'}
#footerToolBar .footerBarShare a:before{content:'\f0c1';font-size:16px}
#footerToolBar.close{bottom:-43px}
#footerToolBar.close #footerBarClose:before{content:'\f00d'}
@media screen and (max-width:875px){
#footerToolBar{display:block}
.footerContact ul{ margin-right:0px !important;}}

/* 公用样式 End */
.index_part3 {background: url('../images/index_video.jpg')no-repeat center;-o-background-size: cover;   background-size: cover;}
.index_part3 .video-txt{color:#fff;margin-top: 30px;text-align: center;}
.index_part3 .e-t {margin-bottom: 30px;text-transform: uppercase;}
.index_part3 .e-t,
.index_part3 .index-tit {color: #fff;}
.index_part3 .index-tit h3{ font-size:26px; font-weight:600;}
.index_part3 .creative-video {position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;height: auto;display: none;z-index: 1032;}
.index_part3 .creative-video video {width: 100%;}
.index_part3 .creative-video .close-video {position: fixed;background-color: #fff;border-radius: 50%;right: 0;top: -30px;width: 20px;height: 20px;font-size: 16px;line-height: 16px;text-align: center;z-index: 1032;display: none;cursor: pointer;}
.index_part3 .bkgc {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1031;background-color: rgba(0, 0, 0, 0.5);display: none;}
.index_part3 .v-b {position: relative;cursor: pointer;height: 75px;width: 75px;margin: 0 auto;margin-top: 50px;}
.index_part3 .v-b:hover .video-button {opacity: 0;}
.index_part3 .v-b:hover .v2 {opacity: 1;}
.index_part3 .video-button {width: 75px;height: 75px;background: url('../images/play.png')no-repeat center;-o-background-size: cover;   background-size: cover;position: absolute;bottom: 0;cursor: pointer;margin: 0 auto;margin-top: 50px;-webkit-transition: opacity .4s;-o-transition: opacity .4s;-moz-transition: opacity .4s;transition: opacity .4s;}
.index_part3 .video-button.v2 {opacity: 0;background: url('../images/play2.png')no-repeat center;}
.index_part3 {padding: 146px 0;}


.index_pro_list { padding-bottom:50px;}
.index_pro_list ul li .pic{border-bottom: 1px solid #eaedf2; padding:10px;}
.index_pro_list ul li .pic img{ width:100%; overflow:hidden;}
.index_pro_list ul li .txtbox{padding: 30px;overflow: hidden;}
.index_pro_list ul li .TxtPage{height: 48px;overflow: hidden;color: #777;margin-bottom: 25px;}
.index_pro_list ul li .h3{font-size: 20px;font-weight: normal;color: #333;margin-bottom: 15px;}
.index_pro_list ul li .span{color: #919191;font-size: 14px;display: inline-block;background: url(../images/look_bg1.png) 75px center no-repeat;border-radius: 34px;line-height: 34px;padding: 0 45px 0 15px;border: 1px solid transparent;padding-left: 0;}
.index_pro_list ul li a{display: block;overflow: hidden;box-shadow: 0 0 15px #ccc; border: 1px solid #eaedf2;background: #fff;}
.index_pro_list ul li a:hover{background: #0165a8;background: linear-gradient(90deg, #0165a8 , #0173b4);}
.index_pro_list ul li a:hover figure{border-color: #0165a8;}
.index_pro_list ul li a:hover .h3{color: #fff;}
.index_pro_list ul li a:hover .TxtPage{color: #fff;}
.index_pro_list ul li a:hover .span{color: #fff;background: url(../images/look_bg2.png) 75px center no-repeat;border-color: #fff;padding-left: 15px;}
.index_pro_list ul li img {transition:transform 0.3s ease 0s;}
.index_pro_list ul li a:hover img {transform:scale(1.08,1.08);}
@media(max-width:1200px) {
.index_pro_list ul li .h3{font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all}
.index_pro_list ul li .txtbox{padding:0px 20px 10px;overflow: hidden;}

}
@media (max-width: 768px) {
.index_part2 .categorys{margin:30px auto; z-index: 1;}
.index_part2 .categorys .item{ margin-bottom:10px; width:47%; padding:5px 0px; }
.index_pro_list ul li .txtbox{padding: 10px 15px;overflow: hidden;}
.index_pro_list ul li .TxtPage{ margin-bottom: 15px;}
.index_pro_list ul li .h3{font-size:16px; margin-bottom: 10px;}
}
.index_part7 { background-color: #fff;}
.index_part7 .page_title{ text-align:left;}
.index_part7 .page_title h3:after {left: 0;margin-left: 0px;}
.index_part7 .com-more { margin-top:60px;}
.index_part7 .com-more:hover,.index_part7 .com-more:hover {background: #0169b5;border-color: #0169b5;color: #fff;}
.com-more { display: inline-block; padding: 0 26px; height: 42px; background-color: #ffffff; border-radius: 2px; border: solid 1px #bfbfbf; text-align: center; line-height: 40px; font-size: 16px; color: #113355; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.index_part7 li .box {position: relative;}
.index_part7 li .box .cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #0169b5;font-size: 16px;color: #ffffff;display: flex;justify-content: center;align-items: center;opacity: 0;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.index_part7 li .box:hover .cover {opacity: 1;}
.col li{width: 20%; margin-bottom:20px;}
.col>li{float: left; padding: 0 10px;}
.col li img {max-width: 100%; width: 100%; border:1px solid #ccc;}
@media (max-width: 1200px) {
.index_part7 .col-lg-3{ height:100px; margin-bottom:30px;}
.index_part7 .page_title { width:70%; float:left;}
.index_part7 .com-more { width:20%; float:right; margin-top:30px;}
.index_part7 .col-lg-9 { clear:both;}
}
@media (max-width: 500px) {
.index_part7 .page_title { width:65%;}
.index_part7 .com-more { width:35%; }
.col li{width: 50%; margin-bottom:20px;}

}